﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>生日快乐</title>
    <link rel="stylesheet" href="./style.css">
    <meta name="viewport" 
	content="
		width=device-width,
		initial-scale=1.0,
		minimum-scale=1.0,
		maximum-scale=1.0,
		user-scalable=no">
</head>
<body>
    <!-- partial:index.partial.html -->
  

    <audio id="myAudio" autoplay loop>
        <source src="http://lc-RanMoNzS.cn-n1.lcfile.com/7H8pxmETFn22nKODe5Pdx2UVtG5YQduD/234.MP3" type="audio/mpeg">
        Your browser does not support the audio element.
      </audio>
      
   

    <div class="cover super-centered-container">
        <canvas id="can">Get a browser</canvas>
        <div class="overlay-static">
            <div class="inline-blocks">
                <div>
                    <h2 class="twenty-one block">40</h2>
                    <h2 class="twenty-one block">岁</h2>
                </div>
                <!-- <img class="image block" src="1.jpg"><h2 class="twenty-one block"> + 1</h2> -->
            </div>
            <h1 class="bday"><a  class="bofang">Zhangshanshan大寿</a></h1>
        </div>
    </div>
    <!-- partial -->
    <script src='./jquery.min.js'></script>
    <script src="./script.js"></script>
</body>

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
      var audio = document.getElementById('myAudio');
      var bofang = document.querySelector('.bofang');
      bofang.addEventListener('click',()=>{
        console.log('执行');
        audio.play();
      })
    });
  </script>

</html>
